<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>阳光政务</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<style>
			html,body{background-color: #E4F1FA;}
			.mui-icon-back:before, .mui-icon-left-nav:before{float:left;margin-top:-.09rem;}
			.mui-content{position:absolute;top:0;left:0;height:100%;background:url(../../images/yuyue/public_bg.png)  no-repeat;background-size:100% auto;overflow:hidden;}
		    .mui-action-back{color:#fff;font-size:14px;margin:.35rem 0 0 .35rem;}
	        /*菜单列表*/
	        .bianmin_list{width:6.8rem;overflow:auto;margin:3.25rem auto 0 auto;padding:0 0 1.3rem 0;max-height:9.8rem;}
			.bianmin_list>a{width:100%;float:left;border-radius:.1rem;background:#fff;display:block;margin-bottom:.23rem;height:1.15rem;line-height:1.15rem;}
			.bianmin_list>a>img{width:.4rem;float:left;margin:.37rem .2rem 0 .37rem;}
			.bianmin_list>a>.bianmin_cont{width:3.9rem;float:left;overflow:hidden;}
			.bianmin_list>a>.bianmin_cont>h5{width:100%;float:left;color:#333;font-size:.32rem;line-height:1.15rem;margin:0;}
			.bianmin_list>a>.mui-icon-arrowright{float:right;color:#999;font-size:.55rem;margin:.32rem .2rem 0 0;}
			.bianmin_list .titls{color:#333;line-height:.91rem;}
			.zx_top{width:100%;float:left;text-align:center;color:#fff;font-size:.6rem;font-weight:bold;margin:.3rem 0;line-height:.7rem;}
			.zx_info{width:100%;float:left;text-align:center;color:#fff;font-size:.28rem;line-height:.33rem;}
			.public_title{width:6.5rem;overflow:hidden;margin:.2rem auto;height:.45rem;background:url(../../images/yuyue/star_line.png) no-repeat;background-size:100% auto;background-position:center;position:relative;}
			.public_title>span{width:2.6rem;height:.45rem;line-height:.45rem;font-size:.3rem;position:absolute;top:.05rem;left:50%;margin-left:-1.3rem;text-align:center;}			
		</style>
	</head>
	<body>
		<div class="mui-content" id='header'> 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<!--菜单列表-->
			<div class="bianmin_list">
				<a name='政策解读' id='00000000000000000000000000000012'>
					<img src="../../images/yuyue/public01.png">
					<div class="bianmin_cont">
						<h5>政策解读</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright"></i>
				</a>
				<a name='新闻发布' id='00000000000000000000000000000011'>
					<img src="../../images/yuyue/public02.png">
					<div class="bianmin_cont">
						<h5>新闻发布</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright"></i>
				</a>
				<div class="public_title">
					<span>其他重点事项公开</span>
				</div>
				<a name='公务员录取' id='00000000000000000000000000000014'>
					<img src="../../images/yuyue/public03.png">
					<div class="bianmin_cont">
						<h5>公务员录取</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright"></i>
				</a>
				<a name='人事任免' id='00000000000000000000000000000015'>
					<img src="../../images/yuyue/public04.png" style="margin-top:.31rem;">
					<div class="bianmin_cont">
						<h5>人事任免</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright" ></i>
				</a>
				<a name='财务预决算' id='00000000000000000000000000000016'>
					<img src="../../images/yuyue/public05.png" style="margin-top:.355rem;">
					<div class="bianmin_cont">
						<h5>财务预决算</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright"></i>
				</a>
				<a name='招投标信息' id='00000000000000000000000000000017'>
					<img src="../../images/yuyue/public06.png">
					<div class="bianmin_cont">
						<h5>招投标信息</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright"></i>
				</a>
				<a name='城乡居民补贴' id='00000000000000000000000000000018'>
					<img src="../../images/yuyue/public07.png" style="margin-top:.41rem;">
					<div class="bianmin_cont">
						<h5>城乡居民补贴</h5>
					</div>
					<i class="mui-icon mui-icon-arrowright"></i>
				</a>
			</div>
		</div>
		<script>
			function my_immersed(immersed){
				document.getElementById("header").style.paddingTop = immersed + 'px';
			}
		</script>
		<script src="../../js/immersed.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/jquery2.2.4.min.js"></script>
		<script src="../../js/app.js"></script>
		<script>
			mui.init();
			
			mui.plusReady(function(){
				//重写back
				mui.back = function(){
					plus.webview.currentWebview().close('zoom-fade-in',300);
				}
				
				closeWaitingAndShowView();
			});
			
			//跳转到各个事项公开列表页面
			mui('.bianmin_list').on('tap','a',function(){
			
				var name = this.getAttribute("name");
				var columnId = this.getAttribute("id");
				var url = '../ygzw/public_list.html?columnId='+columnId;
				
				showTemplates('../ygzw/public_list.html',name,url);
			});
		</script>
	</body>
</html>
